.video{
    width:100%!important;
}
.skillBackgroundDataListElement .ui-panel-content{   
    background-color: #aaa!important;
    color: white!important;
    text-align:center!important;
    padding:0.2em!important;
}

.skillInput .ui-autocomplete-input{
    width:95.5%!important;
    margin: 1em 0 0em 0.5%;
    
}
.skillsPanel{
    width:98%!important;
}

.panelCandidate .ui-panel-titlebar{
    margin-bottom: 0.5em!important;
    margin-top:0.2em!important;
    margin-left: -3%!important;
    margin-right: -3%!important;
}

.panelAdvicesTd td{
    width:50%!important;
}



.blueSectionBackground .ui-panel-titlebar{
    background-color: #48aeb1!important;
    color: white!important;
}
.redSectionBackground .ui-panel-titlebar{
    background-color: #f17a7a!important;
    color: white!important;
}

.panelCandidate .ui-panel-titlebar .ui-panel-title{
    padding-left: 0.5em!important;
}

.redSlimBorder{
    border: 1px solid #E98382!important;
}

.redSlimBorderTop{
    border-top: 1px solid #E98382!important;
}

.redSlimBorderBottom{
    border-bottom: 1px solid #E98382!important;
}

.blueSlimBorder{
    border: 1px solid #7DC7C9!important;
}

.blueSlimBorderTop{
    border-top: 1px solid #7DC7C9!important;
}

.blueSlimBorderBottom{
    border-bottom: 1px solid #7DC7C9!important;
}

.editCategoryButton{
    margin:0.5em 1% 0.5em -1%!important;
}

.lightRedBackground{
    background-color:#E98382;
}

/*
.csscolumns .masonryContainter{
    width: 100%;
    overflow: hidden;
    margin-bottom: 0em;
    -webkit-column-count: 3;
    -webkit-column-gap: 0em;
    -webkit-column-fill:balance;
    -moz-column-count: 3;
    -moz-column-gap: 0em;
    -moz-column-fill: balance;
    column-count: 3;
    column-gap: 0em;
    column-fill: balance;
}*/

.panelContainerWidth{
    width: 32%;
    margin:0.5%!important;
}

/*.csscolumns .panelContainerWidth{
    width: 97%;
    margin:1%!important;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
}*/

.personalPanelLeftColumn{
    width: 44.8%;
    padding-left: 3%!important; 
    padding-right: 3%!important;
}
.personalPanelRightColumn{
    width: 43.8%!important;
    padding-right: 3%!important;
}

.dataGridEmptyMargin .ui-datagrid-content-empty{
    padding:0.2em!important;
}
.addPanelSectionMargin{
    width:90%;
    margin-left:3%;
}
.dataListSkillsColumn  .ui-datalist-item{
    display:inline-block!important;

}

.dataListSkillsColumn .ui-datalist-data{
    padding-left: 0!important;
}
.countryWidth .ui-datatable-tablewrapper{
    width: 100%!important;
}

.tableNoPadding td{
    padding: 0.2em 0em 0.2em 0em!important;
}

.relocatingButton .ui-button-text{
    padding: 0.2em 0.5em !important;
    margin-bottom: 0.2em!important;
}

.imageFileUpload .ui-fileupload-files td{
    width: 10%!important;
}

.panelContainerWidth .ui-panel-content{
    padding:0!important;
}

.tableHeaderWhite .ui-state-default{
    background-color: white!important;
}
.tableHeaderWhite .ui-chkbox-box{
    background-color: #ddd!important;
}
.tableHeaderWhite .ui-button-text-only{
    background-color: #7DC7C9!important;
}

.personalInput{
    width:44%!important;
    margin-left: 1%!important;
    margin-right: 1%!important;
}

.personalInput.inputCalendar .ui-inputfield{
    width:44%!important;
}
.ui-datagrid-column{
    padding:0!important;
}

.candidateElementInput{
    width:96%!important;
}

.candidateElementInput.inputCalendar .ui-inputfield{
    width:96%!important;
}
.candidateCalendarDialog .ui-inputfield{
    width: 100%!important;
}

.candidateButtonAdd{
    margin-top: 0.7em;
    margin-bottom: 0.5em;
}

.uploadButton .ui-button{
    background-color: #f17a7a!important;
    color:white!important;
}

.editCategoryButton,.deleteCategoryButton{
    font-size: 90%!important;
}

.imagesAdvicedWidth{
    width:48%!important;
}

.skillBackgroundDataListElement .ui-panel-content{   
    background-color: #aaa!important;
    color: white!important;
    text-align:center!important;
    padding:0.2em 0.1em 0em 0.3em !important;

}

.video-js{
    width:100%!important;
    height: 300px!important;
}

.personalTextArea{
    width: 93%;
    margin-left: 1%;
}

.professionalDialogCalendar .ui-inputfield{
    margin-bottom: 0.3em!important;
}

.pictureBookDialog{
    width:70%!important;
    margin-left:15%!important; 
    margin-bottom: 8%!important;
}

.dataListBookColumn{
    width: 48%;
    margin-left:1%;
    margin-right:1%;
    margin-bottom:1%;
}
